<template>
  <div id="home">
    <!-- 头部 -->
    <app-header></app-header>
    <!-- 左边功能菜单栏 -->
    <app-aside></app-aside>
    <!-- 右侧内容容器 -->
    <div class="content-wrapper">
      <!-- 右边内容头部 -->
      <app-content-header></app-content-header>
      <!-- 主要内容 -->
      <div class="content">
        <router-view></router-view>
      </div>
    </div>
    <!-- 底部 -->
    <!--<app-footer></app-footer>-->
  </div>
</template>

<script>
  import appHeader from 'components/layout/Header.vue'
  import appFooter from 'components/layout/Footer.vue'
  import appAside from 'components/layout/Aside.vue'
  import appContentHeader from 'components/layout/ContentHeader.vue'

  export default {
    name: 'home',
    components: {
      appHeader,
      appFooter,
      appAside,
      appContentHeader
    }
  }
</script>
